<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  
  <head>
    <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.8.18.custom.min.js"></script>
    <script type="text/javascript" src="scripts/jstree/jquery.jstree.js"></script>
    <script type="text/javascript" src="scripts/jstree/_lib/jquery.cookie.js"></script> 
    <script type="text/javascript" src="scripts/jstree/_lib/jquery.hotkeys.js"></script>
    <script type="text/javascript" src="scripts/ocean.js"></script>
        
    <link rel="stylesheet" type="text/css" href="styles/ocean.css">
    <link rel="stylesheet" type="text/css" href="styles/redmond/jquery-ui-1.8.18.custom.css"  />
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>
      <tiles:insertAttribute name="title" ignore="true" />
    </title>            
  </head>
  
  <body>      
    <div id="loading">
      <img id="loading-image" src="images/loader.gif" alt="Loading..." />
    </div>
      
    <div id="alertDialog" title="You can't do this because...">
    </div>      
      
    <table border="0" cellpadding="2" cellspacing="2" width="100%">
	  <tr>
	    <td height="10%" colspan="2" id="header"><tiles:insertAttribute name="header" /></td>
	  </tr>
	  <tr>
	    <td height="75%" align="left" valign="top">	    
	      <tiles:insertAttribute name="menu" />
	    </td>
	    <td width="75%" align="left" valign="top"><tiles:insertAttribute name="body" /></td>
	  </tr>
	  <tr>
        <td height="10%" colspan="2" id="footer"><tiles:insertAttribute name="footer" /></td>
      </tr>
    </table>
  </body>
  
  <script>
  var gHeightOfHeader = jQuery("#header").height();
  var gHeightOfWindow = jQuery(window).height();             
  var gHeightOfFooter = jQuery("#footer").height();
  
  var gWidthOfMenu = jQuery("#menuAccordion").width();
  
  var gHeightOfMiddleSection = gHeightOfWindow - (gHeightOfHeader * 2) - (gHeightOfFooter * 2);
  
  /*alert("gHeightOfHeader: " + gHeightOfHeader 
		+ ", gHeightOfWindow: " + gHeightOfWindow 
		+ ", gHeightOfFooter: " + gHeightOfFooter
		+ ", gHeightOfMiddleSection" + gHeightOfMiddleSection);*/
  </script>
  
</html>
